<template>
  <div class="backstage_echarts">
    <el-row>
      <el-col :sm="6" :md="6" :lg="4">
        <Nav class="hidden-xs-only"></Nav>
      </el-col>
      <el-col :sm="18" :md="18" :lg="20">
        <el-row>
          <el-col :sm="24" :md="24" :lg="24"><UserNumberEcharts></UserNumberEcharts></el-col>
        </el-row>
        <el-row>
          <el-col :sm="24" :md="12" :lg="12"><UserLoginEcharts></UserLoginEcharts></el-col>
          <el-col :sm="24" :md="12" :lg="12"><UserRegisterEcharts></UserRegisterEcharts></el-col>
          <el-col :sm="24"><UserSurplus></UserSurplus></el-col>
          <el-col :sm="24"><OrderEcharts></OrderEcharts></el-col>
        </el-row>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import Nav from "../../components/Nav";
import UserLoginEcharts from "../../components/UserLoginEcharts";
import UserRegisterEcharts from "../../components/UserRegisterEcharts";
import UserNumberEcharts from "../../components/UserNumberEcharts";
import UserSurplus from "../../components/UserSurplus";
import OrderEcharts from "../../components/OrderEcharts";
export default {
  name: "BackstageEcharts",
  data(){
    return{
    }
  },
  components:{
    OrderEcharts,
    UserSurplus,
    Nav,UserLoginEcharts,UserRegisterEcharts,UserNumberEcharts
  },
  created() {

  }
}
</script>

<style scoped>

</style>